import React, { Component } from 'react';
import './header.css';

class Header extends Component {
	render() {
		return(
			<header>
				<div className="container">
					<div className="row">
						<div className="col-sm-2">
							<div className="logo">
								<a href="./"><h2>枫叶</h2></a>
							</div>
						</div>
						<div className="col-sm-10">
							<nav className="menu">
								<ul>
									<li><a href="/">首页</a></li>
									<li><a href="/todo">选项</a></li>
									<li><a href="/todo">导航</a></li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</header>
		)
	}
}

class HeaderBlock extends Component {
	render() {
		return (
			<Header></Header>
		)
	}
}

export default HeaderBlock;